<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>

<html>
<head>
<meta charset="gbk">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="css/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui.min.js"></script> 
<!--添加datepicker支持-->  


<script>
	$(function() {
		
			$("#xiangmuchengyuanlb").load("projectUser.do");
	
	
	});
</script>
<script>
	$(function() {
		$(".dropdown-toggle").dropdown();
	});
</script>
<script>
	$(function() {
	    $('#myModal').modal('hide');
	});
</script>
<script>
	$(document).ready(function() {     
    	$('#selectDate').datepicker();     
	}); 
	/*分配任务模态框完成按钮功能  */
	/* $(function() {
		var projectmissionid = document
		.getElementById("createMissionMD").value;
		
    	$('#createMissionMD').click(
    			//根据projectmissionid查URPID和uname
    		function(){
    			alert(projectmissionid);
    			/* $.post("projectMissionById.do",
    					{
    						projectid:projectMissionId,
    					},function(data){
    						//着这里写li标签
    						$("#panel-808913").text(data.missionName);
    						
    					},"json"
    			); 
    			
    			
    			
    		}		
    	
    	)
	}); */
</script>
<script>
	/*创建分配任务按钮，加载项目人员  */
	
	
	function addMissionUser(projectMissionId){
		alert("创建任务，加载项目成员:"+projectMissionId);
		
		$.post("projectUserList.do",
				{
					projectmissionid:projectMissionId,
				},function(data){
					alert(data);
					
					html = "<div class='form-group'> <label for='name'>项目成员</label> <select id='projectUserSelect' class='form-control'><option value='0'>--请选择--</option>";

					for (var i = 0; i < data.length; i++) {

						html += "<option value='"+data[i].urpid+"'>" + data[i].userName
								+ "</option>";

					}
					html += "</select></div>";
					$("#addProjectUser").empty();
					$("#addProjectUser").append(html);
					$("#panel-876036").text(data.missionName);
					
				},"json"); 
		
	}
</script>
	
<script>
	$(function() {
	    $('#createMissionMl').modal('hide');
	});
</script>
<script>
	$(function() {
	    $('#createMissionMl').on('hidden.bs.modal',
	    		function() {
	    	
	    			var aMissionName = document
						.getElementById("aMissionName").value;
					var aDescription = document
						.getElementById("missionDes").value;
					var missionETC=document
						.getElementById("selectDate1").value;
					var userSelect = document//urpid
						.getElementById("projectUserSelect").value;
					var projectMissionId = document//urpid
					.getElementById("cprojectMissionId").value;
					if(aMissionName==""||missionETC==""){
						alert("任务名或任务分工不能为空！");
							$("#aMissionName").val("");
							$("#missionDes").val("");
							$("#selectDate").val("");
					}else{
						 var param = "missionName=" + aMissionName
							+ "&description=" + aDescription
							+ "&ETC=" + missionETC + "&urpid="+userSelect+"&projectmissiontid="+projectMissionId;
						alert(param);
						
						//取到插入mission表的参数，申请后台插入，刷新列表
						
						 $.ajax({
								type : 'post',
								url : 'addMission.do',
								data : param,
								success : function(data) {
									alert("成功创建阶段任务");
									$("#missionlist").empty();
									$("#aMissionName").val("");
									$("#missionDes").val("");
									$("#selectDate").val("");
									
									
									var d=data;
						               for(var i=0;i<d.length;i++){
						            	 
										   $("#missionlist").append('<tr>'+
											'<td>'+d[i].missionName+'</td>'+
											'<td>'+d[i].description+'</td>'+
											'<td>'+d[i].startDate+'</td>'+
											'<td>'+d[i].etc+'</td>'+
											'<td>'+d[i].aft+'</td>'+
										'</tr>')
												   
												   
						               }
						       
								},
								error : function() {
									alert("出错了！");
									 
								}
							});
					}
	    	
	    		}
	    
	    
	    
	    
	    
	    
	    
	    
	    )
	});
</script>
<script>
	var missionValue = 0;
	$(function() {
	    $('#myModal').on('hidden.bs.modal',
	    function() {
			
	    	var missionName = document
			.getElementById("missionName").value;
			var description = document
			.getElementById("description").value;
			
			 var arr = new Array();
			   for (var i = 1; i < 1000; i++) {
				
				   var missionSelect = document
							.getElementById("missionSelect" + i);
				  alert(missionSelect);
					if (missionSelect!= null) {
						
						arr[i -1] = missionSelect.value;
					} else {
						alert(1);
						break;
					}
				}
			   missionValue=0;
			 
			 if(missionName==""){
				   alert("项目名或项目经理不能为空！");
				   $("#addPreMission").empty();
			   }else{
				   
				  
				   
				   var param = "missionName=" + missionName
					+ "&description=" + description
					+ "&arr=" + arr + "&urpid=1";
				   alert(param);
				   $.ajax({
						type : 'post',
						url : 'addProjectMission.do',
						data : param,
						success : function(data) {
							alert("成功创建阶段任务");
							$("#addPreMission").empty();
							$("#missionName").val("");
							$("#description").val("");
							
							$('#jieduanrenwu .pj').empty();
							var d=data;
				               for(var i=0;i<d.length;i++){
				            	  /*  $("#jieduanrenwu .pj").append('<div class="grouplist"><div class="im"><img src="img/t.jpg" height="150" width="100" /></div>'+
										'<div class="imright">姓名：'+d[i].userName+'</br> 邮箱：${teamuser.email}</br> 电话:'+d[i].tel+'</br> 团队评分：'+d[i].tel+'</br>'+
											'<button type="button" class="btn btn-default btn-sm" onclick="deleteTeamMember('+d[i].userId+',6,'+data.at+')">'+
												'<span class="glyphicon glyphicon-remove"></span> Remove</button></div></div>') */
								   $("#jieduanrenwu .pj").append('<div class="projectlist"></br> <a href="#jieduanrenwuguanli" data-toggle="tab"> '+
										   '<span class="glyphicon glyphicon-cloud" style="font-size: 60px"></span>'+
										   '</a> </br> <a href="#jieduanrenwuguanli" data-toggle="tab">'+d[i].missionName+'</a></div>')
										   
										   
				               }
				               
				               $("#jieduanrenwu .pj").append('<div class="projectlist"></br> <a data-toggle="modal" data-target="#myModal"> '+
									   '<span class="glyphicon glyphicon-plus" style="font-size: 50px"></span></a> </br>'+
									   '<a href="#jieduanrenwuguanli" data-toggle="tab">新建阶段</a></div>')

						},
						error : function() {
							alert("出错了！");
							 
						}
					});
			}
		})
				   
				   
			   
			
	    	
		
	    })
	
	
	
	function addPreProjectMission(){
		
		missionValue++;
		var addPreMission=document.getElementById("addPreMission");
		
		$
		.ajax({
			type : 'post',
			url : 'projectMission.do',
			data : 'projectid=6',
			dataType:"json",
			success : function(data) {

				alert(missionValue);
				
				html = "<div class='form-group'> <label for='name'>前驱任务</label> <select id='missionSelect"+missionValue+"' class='form-control'><option value='0'>--请选择--</option>";

				for (var i = 0; i < data.length; i++) {

					html += "<option value='"+data[i].projectMissionId+"'>" + data[i].missionName
							+ "</option>";

				}
				html += "</select></div>";
				
				$("#addPreMission").append(html);

			},
			error : function() {
				alert("出错了！");
			}
		});
		
		
		
	}
	
	function showProjectMember(){
		$("#xiangmuchengyuanlb").empty();
	};
	
	/* 阶段任务部分 */
	$(document).ready(function(){
		$("#jieduanrenwulabel").click(function(){
  		//alert('有反应');
  			
			
			$.post("projectMission.do",
					{
						projectid:6,
						
					},
					function(data){
						
					if(data!=null&&data.length!=0){
						$("#jieduanrenwu .pj").html("");
		                var d=data;
		               for(var i=0;i<d.length;i++){
		            	  /*  $("#jieduanrenwu .pj").append('<div class="grouplist"><div class="im"><img src="img/t.jpg" height="150" width="100" /></div>'+
								'<div class="imright">姓名：'+d[i].userName+'</br> 邮箱：${teamuser.email}</br> 电话:'+d[i].tel+'</br> 团队评分：'+d[i].tel+'</br>'+
									'<button type="button" class="btn btn-default btn-sm" onclick="deleteTeamMember('+d[i].userId+',6,'+data.at+')">'+
										'<span class="glyphicon glyphicon-remove"></span> Remove</button></div></div>') */
						   $("#jieduanrenwu .pj").append('<div class="projectlist"></br> <a href="#jieduanrenwuguanli" data-toggle="tab" onclick="jieduanrenwudetail('+d[i].projectMissionId+')"> '+
								   '<span class="glyphicon glyphicon-cloud" style="font-size: 60px"></span>'+
								   '</a> </br> <a href="#jieduanrenwuguanli" data-toggle="tab" onclick="jieduanrenwudetail('+d[i].projectMissionId+')">'+d[i].missionName+'</a></div>')
								   
								   
		               }
		               
		               $("#jieduanrenwu .pj").append('<div class="projectlist"></br> <a data-toggle="modal" data-target="#myModal"> '+
							   '<span class="glyphicon glyphicon-plus" style="font-size: 50px"></span></a> </br>'+
							   '<a href="#jieduanrenwuguanli" data-toggle="tab">新建阶段</a></div>')
		               
		               
					/* 	$("#projectUserFenYe center").html('<ul class="pagination"><li><a>共'+data.pages+'页</a></li>'+
								'<li><a href="javascript:projectUserFenYe(6,'+(data.at-1)+')">Prev</a></li>'+
								'<li><a>'+data.at+'</a></li><li><a href="javascript:projectUserFenYe(6,'+(data.at+1)+')">Next</a></li></ul>') */
		              
		               
					}else{
							 $("#type1 .group").html("");
						}
					},"json"
			);
  		
  			
		});
	});
	
	/* 阶段任务部分阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分  */
	$(document).ready(function(){
		$("#projectDynamic").click(function(){
  		alert('有反应');
  			
			
			$.post("projectDynamics.do",
					{
						projectid:6,
						
					},
					function(data){
						
					if(data!=null&&data.length!=0){
						$("#projectDynamicList").empty();
		                var d=data;
		                var html='';
		               for(var i=0;i<d.length;i++){
		            	 	
		            	   html+='<tr><td><b>'+d[i].userName+'</b>在<b>'+d[i].strAft+'</b>完成了阶段任务：<b>'+d[i].projectMissionName+'</b>中的任务：<b>'+d[i].missionName+'</b></td></tr>'
		            	  			   
								   
		               }
		               $("#projectDynamicList").append(html);
		                                             
					
		                            
					}else{
							 $("#projectDynamicList").html("");
						}
					},"json");
  		
  			
		});
	});

	/* 阶段任务部分阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分  */
	
	function jieduanrenwudetail(projectMissionId1) {
			
			alert("值为: " +projectMissionId1);
			$.post("projectMissionDetail.do",
				{
					projectmissiontid:projectMissionId1,
				},
				function(data){
					var date="未完成";
					if(data.strCDate!=null)date=data.strCDate;
					
					$("#jieduanrenwuguanli ul").empty();
					$("#jieduanrenwuguanli ul").append('<li class="active"><a href="#jieduanxiangqing" onclick="jieduanrenwudetail('+projectMissionId1+')" data-toggle="tab">详细信息</a></li>'+
					'<li><a href="#panel-808913" data-toggle="tab" onclick="getProjectMissionMemberInfo('+projectMissionId1+')">阶段成员</a></li>'+
					'<li><a href="#missionAllocate" data-toggle="tab" onclick="getProjectMissionAllocateInfo('+projectMissionId1+')">任务分配</a></li>'+
					'<li><a href="#panel-876036" data-toggle="tab" onclick="getMemberScoreInfo('+projectMissionId1+')">成员评分</a></li>');
					
					$("#jieduanrenwuguanli h4").text(data.missionName);
					
					$('#missionAllocateBt').empty();
					$('#cprojectMissionId').val(projectMissionId1);
					$('#missionAllocateBt').append('<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#createMissionMl" onclick="addMissionUser('+projectMissionId1+')" >新建任务</button>');
					//阶段详情
					$('#jieduanxiangqing thead').empty();
					$('#jieduanxiangqing thead').append('<tr><th>阶段任务:'+data.missionName+'</th></tr>');
					$('#jieduanxiangqing tbody').empty();
					$('#jieduanxiangqing tbody').append('<tr><td>任务描述:'+data.description+'</td></tr><tr><td>创建日期:'+data.strDate+'</td></tr><tr><td>完成日期:'+date+'</td></tr>'+
						    '<tr><td><button type="button" class="btn btn-default btn-sm" onclick="deleteProjectMission('+projectMissionId1+')">'+
							'<span class="glyphicon glyphicon-remove"></span> 删除阶段</button></td></tr>')
					
				},"json"
			
			);

	}
	/* 阶段任务部分阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分 阶段任务部分  */
	//阶段成员详情
	function getProjectMissionMemberInfo(projectMissionId){
		alert(projectMissionId);
		$.post("projectMissionById.do",
				{
					projectid:projectMissionId,
				},function(data){
					//着这里写li标签
					$("#panel-808913").text(data.missionName);
					
				},"json"
		);
		
	}
	
	//任务分配详情
	function getProjectMissionAllocateInfo(projectMissionId1){
		alert(projectMissionId1);
		
		$.post("getMissionAllocate.do",
				{
					projectmissionid:projectMissionId1,
				},function(data){
					//着这里写li标签
					
					$("#missionlist").empty();
					
					
					
					var d=data;
		               for(var i=0;i<d.length;i++){
		            	 
						   $("#missionlist").append('<tr>'+
							'<td>'+d[i].missionName+'</td>'+
							'<td>'+d[i].description+'</td>'+
							'<td>'+d[i].startDate+'</td>'+
							'<td>'+d[i].etc+'</td>'+
							'<td>'+d[i].aft+'</td>'+
						'</tr>')
								   
								   
		               }
					
				},"json");
		
	}
	
	// 成员评分详情
	function getMemberScoreInfo(){
		
		$.post("projectMission.do",
				{
					projectid:projectMissionId,
				},function(data){
					//着这里写li标签
					$("#panel-876036").text(data.missionName);
					
				},"json");
		
	}
	
	
	
	
</script>

<style type="text/css">
    .group
    {	
   		height: 400px;
    	width:800px;
    	
       
    }
    .grouplist
    {	
    	float:left;
    	
    	height: 200px;
    	width:400px;
        font-size: 15px;
    }
    .grouplist:hover{
    background-color:#EEEED1;
    }
    .im{
    	padding-top:25px;
        float:left;
    	height: 150px;
    	width: 100px;
    }
    .imright{
  		
  		float:left;
  		padding-top:25px;
  		padding-left:20px;
    	height: 200px;
    	width: 300px;
    	line-height: 2.0;
    }
	.pj {
	
}

.projectlist {
	padding-top: 10px;
	margin: 5px;
	float: left;
	text-align: center;
	height: 200px;
	width: 200px;
	font-size: 20px;
}

.projectlist:hover {
	background-color: #EEEED1;
}

</style>
<title>项目管理工具</title>
</head>
<body>
<div class="container">
	<div class="row clearfix">
		<div class="col-md-12 column">
			<div class="row clearfix">
			<div class="col-md-12 column">
				<nav class="navbar navbar-default" role="navigation">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span><span
								class="icon-bar"></span><span class="icon-bar"></span><span
								class="icon-bar"></span>
						</button>

					</div>

					<div class="collapse navbar-collapse"
						id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">

							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown">项目管理工具<strong class="caret"></strong></a>
								<ul class="dropdown-menu">

									<li class="divider"></li>
									<li><a>切换团队</a></li>
									<li class="divider">切换团队</li>
									<li><a href="#">团队1</a></li>
									<li><a href="#">团队2</a></li>
									<li><a href="#">团队3</a></li>
									<li><a href="#">团队4</a></li>
								</ul></li>
						</ul>
						<ul class="nav navbar-nav">

							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown">项目1<strong class="caret"></strong></a>
								<ul class="dropdown-menu">

									<li class="divider"></li>
									<li><a>切换项目</a></li>
									<li class="divider">切换项目</li>
									<li><a href="#">项目1</a></li>
									<li><a href="#">项目2</a></li>
									<li><a href="#">项目3</a></li>
									<li><a href="#">项目4</a></li>
								</ul></li>
						</ul>
						

						<ul class="nav navbar-nav navbar-right">
							<li><a>欢迎您，张三</a></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown"><span
									class="glyphicon glyphicon-bell"></span>（4）<strong
									class="caret"></strong></a>
								<ul class="dropdown-menu">
									<li><a href="#">A申请</a></li>
									<li><a href="#">B申请</a></li>
									<li><a href="#">C申请</a></li>
									<li class="divider"></li>
									<li><a href="#">更多</a></li>
								</ul></li>
							<li><a href="#">注销</a></li>
						</ul>
					</div>

				</nav>
			</div>
		</div>

		</div>
	</div>
	
	
	<!-- 模态框（Modal） -->
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
				aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-hidden="true"></button>
							<center>
								<h4 class="modal-title" id="myModalLabel">创建阶段任务</h4>
							</center>
						</div>


						<div class="modal-body">
							<div class="form-group">
								<label for="name">阶段任务名称</label> <input name="missionName"
									id="missionName" type="text" class="form-control"
									placeholder="请输入阶段任务名">
							</div>
							<div class="form-group">
								<label for="name">阶段任务描述</label>
								<textarea name="description" id="description"
									class="form-control" rows="3"></textarea>
							</div>
							
							<div id="addPreMission">
								
							</div>
						</div>
						<button type="button" class="btn btn-default btn-lg btn-block" onClick="addPreProjectMission()">添加前驱任务</button>

						<div class="modal-footer">
							<button type="button" class="btn btn-primary "
								data-dismiss="modal">提交</button>

						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal-dialog -->
			</div>
	
	
	<div class="row clearfix">
		
		<div class="col-md-3 column">
			<div class="tabbable" id="left">
				<ul class="nav nav-tabs nav-stacked">
					<li class="active">
						 <a href="#tuanduixinxi" data-toggle="tab">项目团队</a>
					</li>
					<li>
						 <a href="#jieduanrenwu" data-toggle="tab" id="jieduanrenwulabel" >阶段任务</a>
					</li>
					<li>
						 <a href="#xiangmudongtai" data-toggle="tab" id="projectDynamic">项目动态</a>
					</li>
				</ul>
				
			</div>
		</div>
		<div class="col-md-9 column">
		<div class="tab-content">
					<div class="tab-pane active" id="tuanduixinxi">
						<div class="tabbable" id="tabs-377391">
				<ul class="nav nav-tabs">
					<li class="active">
						 <a href="#xiangmuchengyuan" data-toggle="tab">项目成员</a>
					</li>
					<li>
						 <a href="#xiangmuguanli" data-toggle="tab">项目信息</a>
					</li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane active" id="xiangmuchengyuan">
						<div class="table-responsive" id="xiangmuchengyuanlb">
							
									<h3></h3>
								
								

								<center>
									<ul class="pagination">
										<li><a href="#">Prev</a></li>
										<li><a href="#">1</a></li>
										<li><a href="#">2</a></li>
										<li><a href="#">3</a></li>
										<li><a href="#">4</a></li>
										<li><a href="#">5</a></li>
										<li><a href="#">Next</a></li>
									</ul>
								</center>

						</div>
					</div>
					<div class="tab-pane" id="xiangmuguanli">
						项目具体信息，已经项目整体进度，数据来源于团队负责人分配的项目，项目进度来源于数据库表
					</div>
				</div>
			</div>
					</div>
					<div class="tab-pane" id="jieduanrenwu">
						<div class="pj">
							
							<div class="projectlist">
								</br> <a data-toggle="modal" data-target="#myModal"> <span
									class="glyphicon glyphicon-plus" style="font-size: 50px"></span>
								</a> </br> <a data-toggle="modal" data-target="#myModal">新增阶段</a>
							</div>
						</div>
					</div>
					
							
					
					<div class="tab-pane" id="xiangmudongtai">
						<table class="table table-hover">
							<thead>
								<tr>
									<th>项目任务动态</th>
									
								</tr>
							</thead>
							<tbody id="projectDynamicList">
								<tr>
									<td><b>南宫彩虹</b>在<b>8分钟前</b>完成了阶段任务：<b>黑雾之源</b>中的任务：<b>黑雾之源1</b></td>
									
								</tr>
								<tr>
									<td><b>张如梦</b>在<b>8分钟前</b>完成了阶段任务：<b>黑雾之源</b>中的任务：<b>黑雾之源1</b></td>
									
								</tr>
								
							</tbody>
						</table>
					</div>
					
					<div class="tab-pane" id="jieduanrenwuguanli">
						<h4>问题定义</h4>
						<div class="tabbable" id="tabs-458508">
							<ul class="nav nav-tabs">
								
								
							</ul>
							
							
							<div class="tab-content">
								<div class="tab-pane active" id="jieduanxiangqing">
										<table class="table table-bordered">
										  <caption></caption>
										  <thead>
										    <tr>
										      <th>阶段任务:黑雾之源</th>
										      
										      
										    </tr>
										  </thead>
										  <tbody>
										  	<tr><td>任务描述:</td></tr><tr><td>创建日期:</td></tr><tr><td>完成日期:</td></tr>
										    <tr><td><button type="button" class="btn btn-default btn-sm" onclick="deleteProjectMission('+d[i].userId+',6,'+data.at+')">
												<span class="glyphicon glyphicon-remove"></span> 删除阶段</button></td></tr>
										  </tbody>
										</table>
								</div>
								<div class="tab-pane" id="panel-808913">
									<p>Howdy,阶段成员</p>
								</div>
								<div class="tab-pane" id="missionAllocate">
									<p>Howdy,任务分配,在这里直接用列表显示，可以考虑加链接</p>
									<table class="table table-hover">
										<thead>
											<tr>
												<th>任务名</th>
												<th>任务描述</th>
												<th>开始时间</th>
												<th>预计完成时间</th>
												<th>实际完成时间</th>
											</tr>
										</thead>
										<tbody id="missionlist">
											<tr>
												<td>Tanmay</td>
												<td>Bangalore</td>
												<td>560001</td>
												<td>2017/5/15</td>
												<td>2017/5/14</td>
											</tr>
											
										</tbody>
									</table>
									<div id="missionAllocateBt"></div>
									
								</div>
								<div class="tab-pane" id="panel-876036">
									<p>Howdy,成员评分</p>
									<table class="table table-hover">
										<thead>
											<tr>
												<th>阶段成员</th>
												<th>综合评分</th>
												<th>客观评分</th>
												<th>主观评分</th>
												<th>评价</th>
											</tr>
										</thead>
										<tbody id="missionlist">
											<tr>
												<td>Tanmay</td>
												<td>Bangalore</td>
												<td>560001</td>
												<td>2017/5/15</td>
												<td>2017/5/14</td>
											</tr>
											
										</tbody>
									</table>
								</div>
							</div>
		
						</div>
					</div>
					
				</div>
		</div>
	</div>
	<!-- 模态框（Modal） -->
<div class="modal fade" id="createMissionMl" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					新建任务
				</h4>
			</div>
			<div class="modal-body">
				<input name="AmissionName"
					   id="aMissionName" type="text" class="form-control"
				placeholder="请输入任务名">
				<input name="missionDes"
					   id="missionDes" type="text" class="form-control"
				placeholder="请输入任务具体描述">
				
				<input type="datetime-local" value="" id="selectDate1"class="form-control" /> 
				
				<input type="hidden" value="" id="cprojectMissionId">
		<!-- 		id="selectDate1" readonly="readonly" class="form-control" placeholder="请输入任务预计完成时间" -->
				<div id="addProjectUser">
								
				</div>
				
			</div>
			<div class="modal-footer" id="createMissionFooter">
				<!-- <button type="button" class="btn btn-default" id="closeCreateModal" data-dismiss="modal">
					关闭
				</button> -->
				<button type="button" class="btn btn-primary" data-dismiss="modal"  id="createMissionMD">
					完成
				</button>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>
</div>

</body>
</html>